layui.use(['carousel',"element",'laypage'], function(){
    var carousel = layui.carousel;
    var element = layui.element;
    var laypage = layui.laypage;


    carousel.render({
        elem: '#recorded-swiper'
        ,width: "100%" //设置容器宽度
        ,height:'360px'
        ,arrow: 'always' //始终显示箭头
        ,indicator: 'none'
        //,anim: 'updown' //切换动画方式
    });
    laypage.render({
        elem: 'laypage-f' //注意，这里的 test1 是 ID，不用加 # 号
        ,count: 20 //数据总数，从服务端得到
        ,limit: 6
        ,groups:5
        ,theme: '#94A5FA'
        ,prev:'<'
        ,next:'>'
    });
    laypage.render({
        elem: 'laypage-s' //注意，这里的 test1 是 ID，不用加 # 号
        ,count: 20 //数据总数，从服务端得到
        ,limit: 6
        ,groups:5
        ,theme: '#94A5FA'
        ,prev:'<'
        ,next:'>'
    });
    laypage.render({
        elem: 'laypage-t' //注意，这里的 test1 是 ID，不用加 # 号
        ,count: 20 //数据总数，从服务端得到
        ,limit: 6
        ,groups:5
        ,theme: '#94A5FA'
        ,prev:'<'
        ,next:'>'
    });
});

layui.use('laypage', function(){
    var laypage = layui.laypage;

    //执行一个laypage实例
    laypage.render({
        elem: 'test1' //注意，这里的 test1 是 ID，不用加 # 号
        ,count: 50 //数据总数，从服务端得到
    });
});